<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ZH-CN">
<head>
<title>论文开题报告汇总查询</title>
<meta http-equiv="X-UA-Compatible" content="IE=9" >
<meta name="keywords" content="吉珠,吉林大学,吉林大学珠海学院,吉林大学珠海学院论文管理">
<meta name="content-type" content="text/html" charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href=".//css/bootstrap.css" type="text/css">
<link rel="stylesheet" href=".//css/flow.css" type="text/css">
<script src=".//js/jquery-2.1.1.js" type="text/javascript"></script>
<script src=".//js/bootstrap.js" type="text/javascript"></script>

<style>
.col-xs-3 {
	padding: 1px;
	height: 1110px;
}
.col-xs-9 {
	height: 1110px;
}
#xs12 {
	height: 1004px;
	width: 313px;
}
</style>
<script type="text/javascript" language="javascript">
function g(o){return document.getElementById(o);}
function hoverli(n){
for(var i=1;i<=28;i++){
{g('tb_'+i).className='';}
g('tb_'+n).className='actived';}
}
function show(id){
var traget=document.getElementById(id);
traget.style.display="block"; 
alert(id);
}

function hide(id){
var traget=document.getElementById(id);
traget.style.display="none"; 
}

//后台代码开始----------------------------------------------------------
 $(function () {
            $("#dg").datagrid({
                url: '<%=request.getContextPath()%>/secretary-KickOpenReportTable',
                title:"开题报告提交汇总表",
                singleSelect: true,
                striped:true,
                showFooter:true,
                pagination: true,
                pageSize: 10,
                pageList: [5, 10],
                toolbar:"#tb",
                onLoadSuccess:function(data){
						if(data.total===0){
	             $.messager.alert('提示','数据不存在!');
					}
			},
            columns: [[{
                field: "student_no",
                title: "学号",
                align:'center',
                width: 100,
                
            }, {
                field: "student_name",
                title: "姓名",
                align:'center',
                width: 90
            },  {
                field: "student_xzb",
                title: "班级",
                align:'center',
                width: 100
            },{
                field: "thesistitle_name",
                title: "课题名称",
                align:'center',
                width: 200,
                  formatter : function(value, row, index) {
							if(value===null)
							return "<p><font color='#FF5511'>无记录</font></p>";
							return value;
							}
            }, {
                field: "teacher_name",
                title: "指导老师",
                align:'center',
                width: 100
            }, {
                field: "zhicheng_name",
                title: "职称",
                align:'center',
                width: 100,
                  formatter : function(value, row, index) {
							if(value===null)
							return "<p><font color='#FF5511'>无记录</font></p>";
							return value;
							}
            }, {
                field: "kickoff_report",
                title: "提交状态",
                align:'center',
                width: 100,
                formatter : function(value, row, index) {
							if(value===null)
							return "<p><font color='#FF5511'>未提交</font></p>";
							else
							return "<p>已提交</p>";
							}
            } ]],
            });//datagrid
 
 
     
 
        });
 
     function doSearch(){
		$('#dg').datagrid('load',{
			stuname: $('#stuname').val(),
			stuxzb: $('#stuxzb').val(),
			teacher: $('#teacher').val()
		});
	}
		   function reset(){
		 var traget=document.getElementById("stuname");
		 traget.value="";
		 traget=document.getElementById("stuxzb");
		 traget.value="";
		 traget=document.getElementById("teacher");
		 traget.value="";
		$('#dg').datagrid('load',{
			
			stuname: "",
			stuxzb: "",
			teacher: ""
		});
	}
	
	
		  var a;
      var b;
     $(function() {
     	$.ajax({
     	async: false,
		url:'<%=request.getContextPath()%>/secretary-OpenReportSubmitCondition',
		success:function(r){
		if(r)
		{a=r.aa;
		b=r.bb;}
		}
	});
	var line1 = [['已经提交',b], ['未提交',a]];
	//$('#chart').empty(); 
     $.jqplot('chart', [line1], {
        title:'开题报告提交情况饼状图',//设置饼状图的标题
        seriesDefaults: {fill: true, 
         showMarker: false, 
         shadow: false,
         renderer:$.jqplot.PieRenderer,
         rendererOptions:{
            diameter: 100, // 设置饼的直径
            padding: 20,        // 饼距离其分类名称框或者图表边框的距离，变相该表饼的直径
            //sliceMargin: 9,     // 饼的每个部分之间的距离
            fill:true,         // 设置饼的每部分被填充的状态
            shadow:true,       //为饼的每个部分的边框设置阴影，以突出其立体效果
            shadowOffset: 2,    //设置阴影区域偏移出饼的每部分边框的距离
            shadowDepth: 5,     // 设置阴影区域的深度
            shadowAlpha: 0.07,   // 设置阴影区域的透明度
            // 展示饼块的数据
          showDataLabels: true
          }
         },
        legend:{
         show: true,//设置是否出现分类名称框（即所有分类的名称出现在图的某个位置）
         location: 'ne',     // 分类名称框出现位置, nw, n, ne, e, se, s, sw, w.
         xoffset: 12,        // 分类名称框距图表区域上边框的距离（单位px）
         yoffset: 12,        // 分类名称框距图表区域左边框的距离(单位px)
        }
        
    });
    });
//后台代码结束---------------------------------------------------
		function showWhat()
		{
			var collap=document.getElementById('collapseHelp');
			if(collap.style.display=='none')
				collap.style.display='block';
			else
				collap.style.display='none';
		}
</script>
</head>

<body>
<!--全局框架 开始 conteiner-->
<div class="container"> 
  <!--标题头图片-->
  <div class="row">
    <div class="body_top"> <img src="img/head.png" align="center" width="1280px"/> </div>
  </div>
  <!--全局12栅格 规划全局区域图线 开始 row+ col-->
  <div class="row">
<jsp:include page="secretary_siderbar.jsp"></jsp:include>
        <!--左侧跳转框架结束--> 
        <!--右侧用户操作模块 占全局9栅格-->
        <div class="col-xs-9"style="border:2px solid #25465d">
          <div class="row">
            <div class="col-xs-4  xs11" style="margin-top:2px; margin-bottom:0px;"> <strong><font size="3">流程管理》论文开题报告汇总查询 </font></strong> </div>
          </div>
          <div class="col-xs-11  xs11" style="margin-top:2px; margin-bottom:0px;">
            <div class="panel panel-default" style="margin-top:2px; margin-bottom:10px;">
              <div class="panel-heading" align="left"> <a data-toggle="collapse" data-parent="#accordion"  href="#collapseHelp" class="glyphicon glyphicon-chevron-down" onclick="showWhat()"> 操作指南 </a> </div>
              <div id="collapseHelp" class="panel-collapse collapse">
                <div class="panel-body">论文开题报告汇总查询：
                  <ul>
                    <li>教学秘书可以通过查询按键，按照教师来查询每个教师或者所有教师指导学生开题报告的情况，也可以按照班级来查询每个班级或所有班级学生论文开题报告的情况。</li><br>
                    <li>可以查询某个班级的所有学生开题报告情况，也可以查询某个单个同学的开题报告情况。</li>
                    <li>可以查看开题报告已经提交的统计比率。并且，可以查看所有未提交开题报告的学生及其指导教师情况，并可以通过饼图或者柱状图查看开题报告提交状况。</li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-xs-12" style="margin-top:5px; margin-bottom:10px;">
             <div>
               <div style="height:100px;width:800px;float:center">
                <div id="tb" style="padding:3px">
		<!--  <span>学号:</span>
		<input id="stuno" style="line-height:26px;border:1px solid #ccc">-->
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>姓名:</span>
		<input id="stuname" style="line-height:26px;border:1px solid #ccc">
		&nbsp;&nbsp;<span>班级:</span>
		<input id="stuxzb" style="line-height:26px;border:1px solid #ccc">
		&nbsp;&nbsp;<span>教师:</span>
		<input id="teacher" style="line-height:26px;border:1px solid #ccc">
		&nbsp;&nbsp;<button type="button" class="btn btn-success" onclick="doSearch()">搜索</button>
		&nbsp;&nbsp;<button type="button" class="btn btn-warning"  onclick="reset()">重置</button>
		&nbsp;&nbsp;<button type="button" class="btn btn-info"  onclick="$('#w').window('open')">提交比例查看</button>
	</div>
  				   <table id="dg"></table>
  				   <div id="w" class="easyui-window" title="开题报告提交情况饼状图" data-options="iconCls:'icon-save',minimizable:false,tools:'#tt',closed: true," style="width:500px;height:400px;padding:10px;">
   <div id="chart" style="margin-top:20px; margin-left:20px; width:400px; height:300px;"></div>
    </div>
  				    
  				   
 			   </div>            
            </div>
            
          </div>
          
        </div>
        
      </div>
    </div>
    <!--修改结束--> 
  </div>
  <!--全局12栅格 规划全局区域图线 结束 row+ col--> 
</div>
<div class="row" style="background-color:#25465d"">
  <p  align="center" style="color:white;background-color:#25465d"><strong>用户单位：</strong>吉林大学珠海学院&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>版权所有：</strong>吉林大学珠海学院计算机科学与技术系</p>
</div>
<!--全局框架结束 conteiner-->
</div>
</body>
</html>
